<head>
  <meta charset="utf-8">
  <%
    var title = [];
    if (page.current > 1) {
      title.push(__('page', page.current));
    }
    if (page.title) {
      title.push(page.title);
    }
    if (page.category) {
      title.push(page.category);
    }
    if (page.tag) {
      title.push(page.tag);
    }
    if (page.archive){
      if (page.year) {
        title.push(__('archive_b', page.year + (page.month ? '/' + page.month : '')));
      } else {
        title.push(__('archive_a'));
      }
    }
    title.push(config.title);
    if (config.subtitle) {
      title.push(config.subtitle);
    }
  %>
  <title><%= title.join(' | ') %></title>

  <% if (config.author){ %>
  <meta name="author" content="<%= config.author %>">
  <% } %>

  <% if (page.description){ %>
  <meta name="description" content="<%= page.description %>">
  <% } else if (config.description){ %>
  <meta name="description" content="<%= config.description %>">
  <% } else if (page.excerpt){ %>
  <meta name="description" content="<%= strip_html(page.excerpt).replace(/^\s*/, '').replace(/\s*$/, '') %>">
  <% } else if (page.content){ %>
  <meta name="description"
    content="<%= strip_html(page.content).replace(/^\s*/, '').replace(/\s*$/, '').substring(0, 150) %>">
  <% } %>

  <% if (page.keywords){ %>
  <meta name="keywords" content="<%= page.keywords %>,<%= config.keywords %>">
  <% } else if (config.keywords){ %>
  <meta name="keywords" content="<%= config.keywords %>">
  <% } else if (page.tags){%>
  <%
    var keywords = [];
    page.tags.forEach(function(tag){
      keywords.push(tag.name);
    });
  %>
  <meta name="keywords" content="<%= keywords.join(",") %>">
  <% } %>

  <meta id="viewport" name="viewport"
    content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <% if (page.title){ %>
  <meta property="og:title" content="<%= page.title %>" /><% } %>

  <meta property="og:site_name" content="<%= config.title %>" />

  <% if(page.cover) { %>
  <meta property="og:image" content="<%= page.cover %>" />
  <% } else if(config.cover) { %>
  <meta property="og:image" content="<%= config.cover %>" />
  <% } else { %>
  <meta property="og:image" content="<%- config.root %>favicon.ico" />
  <% } %>
  <!-- 
    <meta name="googlebot" content="index,follow"> 和 <meta name="robots" content="index,follow">
    这两个 meta 标签是用来告诉搜索引擎爬虫（例如 Googlebot）如何处理网站内容的。
    其中，
    "index" 表示允许搜索引擎索引这个页面，
    "follow" 表示允许搜索引擎抓取这个页面上的链接。
    因此，这两个 meta 标签的意思是：
    允许搜索引擎索引这个页面，并且允许搜索引擎抓取这个页面上的链接。

  -->
  <meta name="googlebot" content="index,follow" />
  <meta name="robots" content="index,follow" />

  <link rel="alternate" href="<%- config.root %>atom.xml" title="<%= config.title %>" type="application/atom+xml">
  <link rel="stylesheet" href="/static/css/style.css" media="screen" type="text/css">

</head>